<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>搜索页面详情</title>
    <link rel="stylesheet" href="js/layui/css/layui.css" media="all">
    <link href="style/main.css" rel="stylesheet" type="text/css">
    <script src="js/jquery-1.8.3.min.js"></script>
    <script src="js/jquery.cookie.js"></script>
    <script src="js/vue@2.4.17.js"></script>
    <style>
        [v-cloak] {
            display: none;
        }
        .search-input select{
            margin: 11px 0 11px 16px;
            padding-right:10px;
            border-right: 1px solid #eee;
            height: 42px;
            line-height: 42px;
            font-size: 16px;
        }
    </style>
</head>
<body>
<div class="search-page detail-page" id="search_detail"  v-cloak>
    <div class="search-header detail-head">
        <!-- <div class="logo">LOGO</div> -->
        <div class="search-input">
            <!--<span>职位</span>-->
            <select id="selectSearch">
                <option value="position">职位</option>
                <option value="company">公司</option>
            </select>
            <input type="text" name="" placeholder="请输入关键词" v-model="selectName"/>
            <input type="button" value="搜索" @click="submit">
        </div>
        <div class="code-pic">
            <span>扫描二维码填写简历</span>
            <img src="images/web.png">
        </div>
    </div>
    <div class="detail-content">
        <div class="center">
            <p>当前共{{count}}个结果</p>
            <ul v-if="check">
                <li v-for="item in data">
                    <h2>
                        {{item.positionName}}
                        <span class="date">{{item.createTime}}</span>
                        <span class="name">{{item.companyFullName}}</span>
                    </h2>
                    <p class="pay-booth">
                        <span class="pay">{{item.salaryLevelName}}</span>
                        <span class="booth">{{item.boothNumber}} 摊位</span>
                    </p>
                    <p class="demand">
                        <span>{{item.workCity}} {{item.workAddress}}</span>  | 
                        <span>{{item.workExperienceLevelName}}</span>  |
                        <span>{{item.educationLevelName}}</span>  |
                        <span>招{{item.recruitNumber}}人</span>
                    </p>
                </li>
   
                <div id="search_paging" class="paging"  ></div>
            </ul>
            <ul v-else>暂无查询结果</ul>
        </div>
    </div>
</div>
<script src="js/layui/layui.js"></script>
<script src="js/index.js"></script>
<script src="js/search_detail.js"></script>
</body>
</html>